.tree-title {
	font-size: 16px;
}

.details {
	height: 100%;
	width: 100%;
	overflow: auto;
}

.details div {
	border: 1px solid transparent;
}

.details div img {
	height: 16px;
	width: 16px;
}

.details div:hover {
	cursor: pointer;
	border: 1px solid #c7dffc;
	background-color: #eff5fd;
}

.large-icons {
	height: 100%;
	width: 100%;
	overflow: auto;
}

.large-icons div {
	display: table-cell;
	width: 100px;
	height: 110px;
	margin: 3px;
	border: 1px solid transparent;
	float: left;
}

.large-icons div:hover {
	cursor: pointer;
	border: 1px solid #c7dffc;
	background-color: #eff5fd;
}

.large-icons div img {
	height: 90px;
	width: 90px;
}

.large-icons div span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

.large-icons div * {
	margin: 0 auto;
	text-align: center;
	display: block;
}

.selected {
	border: 1px solid #7da2ce;
	background-color: #c9e0fc;
}